<div ng-controller="conCtrl" class="clearfix script-content">
    <div class="wrapper-md">
        <div class="panel panel1 panel-default" ng-show="!showDetail">
            <div class="">
                <div class="search-box m-b-md">
                    <div class="legend">查询条件</div>
                    <div class="search-content">
                        <div class="form-group">
                            <label class="control-label">容器名称：</label>
                            <input type="text" ng-model="searchByName" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">
                        </div>
                        <div class="form-group">
                            <label class="control-label">所属应用：</label>
                            <input type="text" ng-model="searchByApp" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">
                        </div>
                        <!--<div class="form-group">
                            <label class="control-label">集群名称：</label>
                            <select class="form-control" ng-model="appType" ng-options="x.site for x in sites">
                                <option value="">&#45;&#45;请选择&#45;&#45;</option>
                            </select>
                        </div>-->
                        <div class="form-group">
                            <label class="control-label">网络：</label>
                            <input type="text" ng-model="searchByNet" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">
                        </div>
                        <!--<div class="form-group">
                            <label class="control-label">硬盘卷：</label>
                            <input type="text" ng-model="searchByDisk" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">
                        </div>-->
                    </div>
                    <div class="search-btn">
                        <button class="btn btn-info w-xs m-r" ng-click="getData(1)"><i class="fa fa-search"></i> 查询</button>
                    </div>
                </div>
                <div class="">
                    <div class="dataTables_wrapper form-inline">
                        <div class="row">
                            <div class="col-sm-12" style="margin-top: -10px;">
                                <table class="table table-striped b-light m-b-xxs">
                                    <thead class="table-header">
                                    <tr>
                                        <th width="15%" class="font-15 text-center">容器名称</th>
                                        <th width="15%" class="font-15 text-center">所属应用</th>
                                       <!--  <th width="10%" class="font-15 text-center">集群名称</th> -->
                                        <th width="25%" class="font-15 text-center">所属镜像</th>
                                        <th width="5%" class="font-15 text-center">状态</th>
                                        <th width="10%" class="font-15 text-center">创建日期</th>
                                        <th class="text-center td-operate font-15" width="20%">操作</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr class="table-content" ng-repeat="row in conList" ng-if="!isImageData">
                                        <td width="15%" class="font-15 detail-href text-center text-overflow" style="max-width:162px;" title="{{row.instanceCore.containerName}}"  ng-bind="row.instanceCore.instanceRename" ng-click="detail(row.instanceCore.instanceRename)"></td>
                                        <td width="15%" class="font-15 text-center text-overflow" style="max-width:162px;" title="{{row.containerName.appName}}" ng-bind="row.instanceCore.appName"></td>
                                        <!-- <td width="10%" class="font-15 text-center text-overflow" style="max-width:162px;" title="{{row.instanceCore.clusterName}}" ng-bind="row.instanceCore.clusterName"></td> -->
                                        <td width="25%" class="font-15 text-center text-overflow" style="max-width:162px;" title="{{row.instanceCore.imageName}}" ng-bind="row.instanceCore.imageName"></td>
                                        <td width="5%" class="font-15 text-center">
                                            <button class="btn btn-xs disabled" style="width:50px;" ng-class="{'running':'btn-success','ABNORMAL':'btn-warning'}[row.instanceCore.containerStatus]" title="{{row.instanceCore.containerStatus|cnCon:'containerStatus'}}" ng-bind="row.instanceCore.containerStatus|cnCon:'containerStatus'">可用</button>
                                        </td>
                                        <td width="10%" class="font-15 text-center" title="{{row.instanceCore.instanceCreateDatetime | date:'yyyy-MM-dd HH:mm:ss'}}" ng-bind="row.instanceCore.instanceCreateDatetime | date:'yyyy-MM-dd HH:mm:ss'"></td>
                                        <td width="20%" class="td-operate text-center">
                                            <button class="btn btn-success btn-sm" ng-click="log(row)">
                                                <i class="fa fa-pencil-square-o"></i>
                                                <span class="">日志</span>
                                            </button>
                                           <!--  <button class="btn btn-warning btn-sm" ng-click="monitor(row.id)">
                                                <i class="fa fa-eye"></i>
                                                <span class="">监控</span>
                                            </button> -->
                                            <button class="btn btn-info btn-sm" ng-click="terminal(row.id)">
                                                <i class="fa fa-cogs"></i>
                                                <span class="">终端</span>
                                            </button>
                                        </td>
                                    </tr>
                                    <tr ng-if="isImageData">
                                        <td class="td-nodata" colspan="6">暂无数据</td>
                                    </tr>
                                    </tbody>
                                </table>
                                <div class="clearfix">
                                    <div class="col-sm-6" style="padding: 7px 15px;">
                                        <div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span ng-bind="param.rows"></span>条</div>
                                    </div>
                                    <div class="col-sm-6 text-right">
                                        <pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="10" ng-model="param.page" ng-change="getData(param.page)" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
.log-win .modal-dialog{
	width: 80%;
}
</style>